昨天做完了 btn，今天要做 btn 選取之後跳頁的最重點，步驟就是針對昨天我們所做出來的每顆按鈕做監聽，當它有 click 這個動作時，我們會執行 function，這個 function 做什麼事呢～就是將我們的內容塞到字串裡，字串在去塞上 HTML 裡囉：

1. 在昨天所寫出的 showBtn function 下，首先使用 querySelectorAll 選出下面所有的 btn，querySelectorAll 可重覆選取多個元素，然後用陣列回傳你選取的元素:

  var btn=document.querySelectorAll('.page_btn span')

2. 選取到了每顆按鈕後，我們分別去做綁定監聽的動作，當有 click 這個動作，會啟動changePage這個 function：

    for (var i=0;i<btn.length;i++){
        btn[i].addEventListener('click', changePage)
    }    

3. 先給 JS Bin 截圖：

4. 我們來試試 changePage 這個 function 有沒有成功，在全域區域新增一個名為 changePage 的function，在裡面 alert('hello)' 玩弄它:

function changePage(){
    alert('hello')
}

5. 按下網頁上的任何一顆按鈕，瞧瞧是否有綁定成功：

6. 綁定成功 ~ 連假寫文讓人容易戰鬥力下降，今天先到這裡結束，明天要玩弄 changePage 這個 function 讓它可以隨著「頁數 ＝ 它的參數」變動後，切換到不同筆資料。